<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>基础选择器</title>
    <style>
      #div1{
        color: brown;
      }
      
      div{
        color: aquamarine;
      }
      
      .cls1{
        color: blue;
      }
    </style>
</head>
<body>
  <!--
    基础选择器：
      id选择器-建议id值在一个html页面中唯一
      元素选择器-选择具有相同标签名称的元素
        id选择器比元素选择器级别更高
      类选择器-选择具有相同的class属性值的元素
        class选择器高于元素选择器
   -->
  <div id="div1">lllll</div>
  <div class="cls1">hhhhhh</div>
  <p class="cls1">sd</p>
  
</body>
</html>